import { defineStore } from 'pinia';
import axios from 'axios';
import { nanoid } from 'nanoid';
// defineStore(*,*) 第一个参数的作用是标识唯一性(id)
// export const useLoveStore = defineStore('love', {
//     actions:{
//         insertLove(){
//             axios.get('https://api.uomg.com/api/rand.qinghua?format=json').then(res=>{
//                 this.loveList.unshift({id:nanoid(),title:res.data.content})
//             })
//         }
//     },
//     state(){
//         return{
//             loveList :JSON.parse(localStorage.getItem('love') as string) || [] 
//         }
//     }
// })

// 第二种写法,上边的写法类似于选项式的写法
import {reactive} from 'vue'
export const useLoveStore = defineStore('love', () => { 
    let loveList = reactive(
        JSON.parse(localStorage.getItem('love') as string) || [] 
    )
    function insertLove(){
        axios.get('https://api.uomg.com/api/rand.qinghua?format=json').then(res=>{
            loveList.unshift({id:nanoid(),title:res.data.content})
        })
    }
    return {loveList,insertLove}

 })